<!DOCTYPE html>
<html lang="en">

<head>
    <title>泵房3D效果</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="../css/global.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/pump3D.css">
    <script src="../js/vue.js"></script>
    <script src="../js/axios.js"></script>
    <link rel="stylesheet" href="../css/nutui/dist/nutui.css">
    <script src="../css/nutui/dist/nutui.js"></script>
</head>

<body>
    <div id="app">
        <div class="app_header">
            <div class="app_headerLeft" @click="back">
                <span class="iconfont icon-close-bold"></span>
            </div>
            <div class="app_headerTitle">远程控制</div>
            <div class="app_headerRight"></div>
        </div>
        <div class="app3DMap"></div>
        <div class="appMain">
            <div class="appMainBox">运行正常</div>
            <div class="appMainItem">
                <div class="appMainItemInfo">
                    <div class="title">744</div>
                    <div class="tips">今日供水(m³)</div>
                </div>
                <div class="appMainItemInfo">
                    <div class="title">243</div>
                    <div class="tips">今日用电(kW-h)</div>
                </div>
            </div>
            <div class="appMainItem1">
                <div class="left">
                    <div class="icon"><span class="iconfont icon-suo"></span></div>
                    <div class="txt">智能门禁</div>
                </div>
                <div class="right">
                    <nut-switch :active="switchActive"></nut-switch>
                </div>
            </div>
            <div class="appMainItem1" style="border:none;">
                <div class="left">
                    <div class="icon"><span class="iconfont icon-adjust"></span></div>
                    <div class="txt">远程调度</div>
                </div>
                <div class="right">
                    <div class="btn" @click="goRemoteControl">去调度</div>
                </div>
            </div>
        </div>
    </div>
    <script>
        var vm = new Vue({
            el: '#app',
            data: {
                switchActive: false
            },
            mounted() { },
            methods: {
                back() {
                    window.history.go(-1)
                },
                goRemoteControl(){
                    window.location.href = './remoteControl.html'
                },
            }
        })
    </script>
</body>

</html>